<template>
	<div style="text-align: right">
		<Page :current="pageIndex" :page-size="pageSize" :total="total" show-sizer
			  show-total style="margin-top: 10px;" @on-page-size-change="pageChange"
			  @on-change="nextPage"/>
	</div>
</template>
<script>

export default {
	name: "sl-page",
	props: {
		pageIndex:{
			type: Number,
            default: 1
		},
		pageSize:{
			type: Number,
            default: 10
		},
		total:{
			type: Number,
            default: 0
		}
	},
	data() {
		return {}
	},
	methods: {
		pageChange(){
			this.$emit('pageChange',this.pageSize)
		},
		nextPage(page){
            this.$emit('nextPage',page)
        }
	}
}

</script>

<style scoped>

</style>